<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>
        数据字典
    </title>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="../../../css/main.css" media="all">
    <script type="text/javascript" src="../../../lib/loading/okLoading.js"></script>
    <link rel="stylesheet" href="../../../css/bootstrap.css">
    <link rel="stylesheet" href="../../../lib/layui/css/layui_2.5.7.css">
    <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
    <style>
        .layui-table-page select {
            height: 22px;
        }
    </style>
</head>
<style>
    input {
        width: 280px !important;
    }
</style>
<body>

<div>
    <div class="x-nav">
        <span class="layui-breadcrumb">
            <a><cite>首页</cite></a>
            <a><cite>公司设置</cite></a>
            <a><cite>数据字典</cite></a>
        </span>
        <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right"
           href="javascript:location.replace(location.href);" title="刷新"><i class="layui-icon"
                                                                            style="line-height:30px">ဂ</i></a>
    </div>
    <div class="fly-panel">

        <div class="layui-fluid">
            <div class="layui-col-md12">
                <div class="layui-card">
                    <div class="layui-card-body ">
                        <form class="layui-form ">
                            <div class="layui-input-inline layui-show-xs-block">
                                <input  autocomplete="off"  class="layui-input" placeholder="字典名称" name="name">
                            </div>
                            <!--<div class="layui-input-inline layui-show-xs-block">-->
                                <!--<select name="type">-->
                                    <!--<option value="">-&#45;&#45;</option>-->
                                <!--</select>-->
                            <!--</div>-->


                            <div class="layui-input-inline layui-show-xs-block">
                                <button class="layui-btn" type="button" lay-filter="sreach" data-type="reload"
                                        onclick="reload()">
                                    <i class="layui-icon">&#xe615;</i></button>
                            </div>
                        </form>
                    </div>
                    <div class="layui-card-body ">
                        <button style="float: right;" class="layui-btn"
                                onclick="admin_add('添加','dictionaries_add.html','','600')"><i
                                class="layui-icon">&#xe608;</i>添加
                        </button>
                        <br><br><br>
                        <table class="layui-table" id="test" lay-data="test" lay-filter="test">
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <br><br><br><br><br>
</div>
<script type="text/html" id="barDemo">
    <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a> &nbsp;
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>
<script type="text/javascript" src="../../../js/jquery.min.js"></script>
<script type="text/javascript" src="../../../js/myAjax.js"></script>
<script type="text/javascript" src="../../../js/pub.js"></script>
<script type="text/javascript" src="../../../lib/layui/layui2.5.7.js"></script>
<script type="text/javascript" src="../../../js/vue.min.js"></script>
<!-- <script src="lib/layui/layui.js" charset="utf-8"></script> -->
<script src="../../../js/x-layui.js" charset="utf-8"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script>
    layui.use(['laydate', 'element', 'laypage', 'layer', 'form'], function () {
        $ = layui.jquery;//jquery
        laydate = layui.laydate;//日期插件
        lement = layui.element;//面包导航
        laypage = layui.laypage;//分页
        layer = layui.layer;//弹出层
        var form = layui.form;
        okLoading.close($);
    });
</script>
<script>


    layui.use(['form'],
        function () {
            layui.use('table', function () {
                table = layui.table;
                //方法级渲染
                var t1 = table.render({
                    elem: '#test',
                    url: $baseUrl + 'dictionary/findDictionariesList',
                    where: {
                        userId: $userId,
                    },
                    headers: {
                        token: $token
                    },
                    // toolbar: true,
                    // toolbar: '#toolbarDemo',
                    cols: [
                        [
                            // {
                            //     type: 'checkbox',
                            // },
                            // {
                            //     field: 'id',
                            //     title: 'ID',
                            //     align: 'center',
                            //     sort: true
                            // },
                            {
                                field: 'name',
                                title: '字典名称',
                                align: 'center',
                                sort: true
                            },
                            {
                                field: 'type',
                                title: '字典类型',
                                align: 'center',
                                sort: true
                            },
                            {
                                field: 'dictionaryValue',
                                title: '字典值',
                                align: 'center',
                                sort: true
                            },
                            {
                                field: 'dictionaryCode',
                                title: '字典码',
                                align: 'center',
                                sort: true
                            },
                            {
                                field: 'sort',
                                title: '排序',
                                align: 'center',
                                sort: true,
                                // edit: true
                            },
                            {
                                field: 'remark',
                                title: '备注',
                                align: 'center',
                                sort: true,
                            },
                            {
                                field: 'createTime',
                                title: '创建时间',
                                align: 'center',
                                sort: true,
                            },
                            {
                                field: 'updateTime',
                                title: '修改时间',
                                align: 'center',
                                sort: true,
                            },

                            {
                                field: 'status',
                                title: '操作',
                                templet: '#barDemo',
                                align: 'center',

                            }]
                    ],
                    request: {
                        pageName: 'pageNum', //页码的参数名称，默认：page
                        limitName: 'pageSize',
                    },
                    response: {
                        statusName: 'code' //规定数据状态的字段名称，默认：code
                        ,
                        statusCode: 0 //规定成功的状态码，默认：0
                        ,
                        msgName: 'msg' //规定状态信息的字段名称，默认：msg
                        ,
                        countName: 'total' //规定数据总数的字段名称，默认：count
                        ,
                        dataName: 'data', //规定数据列表的字段名称，默认：data
                    },
                    id: 'test',
                    page: true,
                    height: 'auto',
                    even: true,
                    done: function (res, curr, count) {
                        //是否有权限或权限是否失效
                        // authorizeState();
                    }
                });

                //监听工具条
                table.on('tool(test)', function (obj) { //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
                    let data = obj.data; //获得当前行数据
                    let layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
                    // let tr = obj.tr; //获得当前行 tr 的 DOM 对象（如果有的话）
                    if (layEvent === 'del') { //删除
                        layer.confirm('是否确认删除 【' + data.name + '】 ？', {
                            icon: 3,
                            title: '提示'
                        }, function (index) {
                            let request = {
                                url: "dictionary/delDictionaries/" + data.id,
                                data: {
                                    userId: $userId,
                                },
                                method: "DELETE",
                            };
                            sendRequest(request, (data) => {
                                if (data.code === 0) {
                                    layer.msg("删除成功", {
                                        icon: 1
                                    });
                                    t1.reload();
                                } else {
                                    layer.msg("删除失败，请稍后再试！", {
                                        icon: 5
                                    });
                                }
                            });
                            layer.close(index);
                        });
                    } else if (layEvent === 'edit') { //编辑
                        admin_add('编辑', 'dictionaries_add.html?recordId=' + data.id, '', '600')
                    }
                });

            });


        });

    function reload(value) {
        table.reload('test', {
            where: {
                name: $("input[name=name]").val(),
                type: $("select[name=type]").val(),
            }
        });
    }

</script>
</body>
</html>
